<template>
  <div id="app">
    
     <transition 
      :duration="{ enter: 500, leave: 1000 }"
      leave-active-class="animate__animated animate__rotateOutUpLeft"
      enter-active-class="animate__animated animate__rotateOutDownRight"
      >
      <router-view />
     
     </transition>
    
    <!-- 底部导航 -->
    <TabBar></TabBar>

    
  </div>
</template>
<script>
export default {
  data() {
    return {
     
    };
  },
  components:{
    TabBar:()=>import ("./components/TabBar.vue")
  }
};
</script>
<style lang="scss" scoped>
*{
  margin: 0;
  padding: 0;
}
ul,li{
  list-style: none;
}
.top{
  // width: 100%;
  // height: 400px;
}

</style>
